<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelspot.css" rel="stylesheet" type="text/css">
    <link href="/styles/select.css" rel="stylesheet" type="text/css">
    <link href="/styles/replyDetail.css" rel="stylesheet" type="text/css">

    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>>

    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/guide.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
</head><script type="text/javascript" src="/js/system/common.js"></script>

<script>
    $(function () {
        $("#searchForm").ajaxForm(function (data) {
            $(".rev-list").html(data);
        })
        $("#searchForm").submit();

        var scenicId = $("#scenicId").val();
        $.get("/scenic/content",{id:scenicId},function (data) {
            $(".mod-detail").html(data);
        })

        $(".choose").click(function () {
            $(".allClass").removeClass("on")
            $(this).parent().addClass("on");
            var scenicspotId = $(this).data("sid");
            var hasImg = $(this).data("has");
            var commentType = $(this).data("comm");
            var keyword = $(this).data("key");
            $.get("/scenic/tag",{scenicspotId:scenicspotId,hasImg:hasImg,commentType:commentType,keyword:keyword},function (data) {
                $(".rev-list").html(data);
            })
        })

        //收藏
        $(".btn-collect").click(function () {
            var sid = $(this).data("sid");
            $.get("/scenic/favor", {sid:sid}, function (data) {
                if(data.success){
                    $(".favorite_num").html(data.data.favornum);
                    $("._j_favpoi").addClass("on")

                    popup("收藏成功"); //
                }else{
                    if(data.code == 102){
                        $("._j_favpoi").removeClass("on")
                        popup(data.msg);
                    }else{
                        $("._j_favpoi").removeClass("on")
                        $(".favorite_num").html(data.data.favornum);
                        popup("已取消收藏"); //
                    }
                }
            });
        })
        //去过
        $("._j_beenpoi").click(function () {
            var sid = $(this).data("sid");
            $.get("/scenic/been", {sid:sid}, function (data) {
                if(data.success){
                    $(".favorite_num").html(data.data.favornum);
                    $("._j_hovergo").addClass("on")

                    popup("已添加至我的足迹"); //
                }else{
                    if(data.code == 102){
                        $("._j_hovergo").removeClass("on")
                        popup(data.msg);
                    }else{
                        $("._j_hovergo").removeClass("on")
                        $(".favorite_num").html(data.data.favornum);
                        popup("已从我的足迹删除"); //
                    }
                }
            });
        })
    })
</script>

<body>
<#--<#include "../common/navbar.ftl">-->
<input type="hidden" id="scenicId" name="id" value="${scenicspot.id}">
<div class="lww_header">
    <div class="header_wrap">
        <div class="header_logo">
            <a href="javascript:;" class="lww_logo"></a>
        </div>
        <ul class="header_nav">
            <li name="index"><a href="/">首页</a></li>
            <li  name="destination"><a href="/destination">目的地</a></li>
            <li  name="strategy" ><a href="/strategy">旅游攻略</a></li>
            <li  name="travel" ><a href="/travel">旅游日记</a></li>
            <li  name=""><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>
            <li name="wenda"><a href="/wenda">好学宝宝</a></li>
            <li name="packagetour"><a href="/packagetour">跟团游</a></li>
            <li name="ticket"><a href="/ticket">门票</a></li>
        </ul>


    <#if userInfo??>
        <div class="login_info">
            <div class="head_user">
                <a href="/mine/homepage">
                    <img src="${(userInfo.headImgUrl)!'/images/default.jpg'}"/>
                    <i class="icon_caret_down"></i>
                </a>
            </div>
            <div class="header_msg">
                消息<i class="icon_caret_down"></i>
            </div>
            <div class="header_daka">
                <a href="javascript:;">打卡</a>
            </div>
        </div>
    <#else>
        <div class="login-out">
            <a class="weibo-login" href="#" title="微博登录" rel="nofollow"></a>
            <a class="qq-login" href="#" title="QQ登录" rel="nofollow"></a>
            <a class="weixin-login" href="#" title="微信登录" rel="nofollow"></a>
            <a id="_j_showlogin" title="登录骡窝窝" href="/login.html" rel="nofollow">登录</a>
            <span class="split">|</span>
            <a href="/regist.html" title="注册帐号" rel="nofollow">注册</a>
        </div>
    </#if>
    </div>
    <div class="shadow"></div>
</div>
 <#--<div class="lww_header">-->
    <#--<div class="header_wrap">-->
        <#--<div class="header_logo">-->
            <#--<a href="javascript:;" class="lww_logo"></a>-->
        <#--</div>-->
        <#--<ul class="header_nav">-->
            <#--<li><a href="./index.html">首页</a></li>-->
            <#--<li class="header_nav_active"><a href="./destination.html">目的地</a></li>-->
            <#--<li><a href="./gonglve.html">旅游攻略</a></li>-->
            <#--<li><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>-->
            <#--<li><a href="javascript:;">机票</a></li>-->
            <#--<li><a href="javascript:;">酒店</a></li>-->
            <#--<li><a href="javascript:;">社区<i class="icon_caret_down"></i></a></li>-->
        <#--</ul>-->
        <#--<div class="header_search">-->
            <#--<input type="text" />-->
            <#--<a class="icon_search"></a>-->
        <#--</div>-->
        <#--<div class="login_info">-->
            <#--<div class="head_user">-->
                <#--<a href="javascript:;">-->
                    <#--<img src="./images/user.png" />-->
                    <#--<i class="icon_caret_down"></i>-->
                <#--</a>-->
            <#--</div>-->
            <#--<div class="header_msg">-->
                <#--消息<i class="icon_caret_down"></i>-->
            <#--</div>-->
            <#--<div class="header_daka">-->
                <#--<a href="javascript:;">打卡</a>-->
            <#--</div>-->
        <#--</div>-->
    <#--</div>-->
    <#--<div class="shadow"></div>-->
<#--</div>-->
<!----------------------------------------->

<div class="container" data-cs-t="景点详情页">

    <div class="row row-top">
        <div class="wrapper">
            <div class="extra">
                <!-- 天气 S-->
                <div class="weather" data-cs-p="天气">
                    <a href="/weather/10088.html" target="_blank">
                        <img src="http://images.mafengwo.net/images/mdd_weather/icon/icon34.png" width="25" height="25">
                        <span>中雨 27℃~34℃</span>
                    </a>
                </div>
                <!-- 天气 E-->
                <!-- 收藏去过 S-->
                <div class="action _j_rside want-been">
                    <div class="been-box">
                        <a class="_j_beenpoi btn-been _j_hovergo ${(hasBeen?string('on',''))!}" data-sid="${scenicspot.id!}" target="_blank" title="添加至我的足迹"
                           data-cs-p="足迹">
                            <i class="icon"></i>
                            <span class="txt">去过</span>
                        </a>
                        <div class="rate-pop" style="display:none;">
                            <div class="rank-star">
                                <span class="s-star s-star0"></span>
                                <div class="click_star">
                                    <a title="1星" rel="nofollow" data-num="1"></a>
                                    <a title="2星" rel="nofollow" data-num="2"></a>
                                    <a title="3星" rel="nofollow" data-num="3"></a>
                                    <a title="4星" rel="nofollow" data-num="4"></a>
                                    <a title="5星" rel="nofollow" data-num="5"></a>
                                </div>
                            </div>
                            <span class="rank-hint">必去推荐</span>
                        </div>
                    </div>
                    <a class="_j_favpoi btn-collect ${(isFavor?string('on',''))!}" target="_blank" title="添加收藏" data-sid="${scenicspot.id!}"
                       data-cs-p="收藏">
                        <i class="icon"></i>
                        <span class="txt">收藏</span>
                    </a>
                </div>
                <!-- 收藏去过 E-->
            </div>
            <!-- 面包屑 S-->
            <div class="crumb" data-cs-p="面包屑" id="mianbaoxie">
                <div class="item"><a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>
                <div class="item">
                    <div class="drop">
                        <span class="hd"><a href="/travel-scenic-spot/mafengwo/10088.html">广州<i></i></a></span>
                        <div class="bd">
                            <i class="arrow"><b></b></i>
                            <div class="col">
                                <ul class="clearfix">
                                    <li><a href="/scenic/list?destId=3261" target="_blank">广州景点</a></li>
                                    <li><a href="/hotel/10088/" target="_blank">广州酒店</a></li>
                                    <li><a href="/cy/10088/gonglve.html" target="_blank">广州美食</a></li>
                                    <li><a href="/gw/10088/gonglve.html" target="_blank">广州购物</a></li>
                                    <li><a href="/yl/10088/gonglve.html" target="_blank">广州娱乐</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <em>&gt;</em>

                </div>

                <div class="item">广州景点</div>
                <div class="item cur"><em>&gt;</em> ${scenicspot.name}</div>

            </div>
            <!-- 面包屑 E-->


            <!-- POI名称 S-->
            <div class="title">
                <h1>${scenicspot.name}</h1>
                <div class="en">${scenicspot.ename}</div>
            </div>
            <!-- POI名称 E-->

            <!-- 快捷导航 S-->
            <div style="height: 60px;">
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li data-scroll="overview" class="on">
                            <a title="概况" href="#mianbaoxie">概况</a>
                        </li>
                        <li data-scroll="attractions" style="display: none">
                            <a title="景点亮点">景点亮点</a>
                        </li>
                        <li data-scroll="commentlist">
                            <a title="蜂蜂点评" href="#mhd-large" id="fengfeng">蜂蜂点评<span>（${scenicspot.commentNum}条）</span></a>
                        </li>


                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" href="#comment_20190714202243" title="我要点评">我要点评</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 快捷导航 E-->

        </div>
    </div>

    <script type="text/javascript">
        (function(){
            //面包屑
            $('.drop').hover(function(){
                var target = $(this);
                clearTimeout(target.data('hideTimer'));
                target.addClass('open');
                target.children('bd').fadeIn(200);
            },function(){
                var target = $(this);
                target.data("hideTimer", setTimeout(function() {
                    target.removeClass('open');
                    target.children('bd').fadeOut(200);
                }, 100));
            });
            //导航
            var $navbar = $('#poi-navbar'),
                    offset_top,
                    $lis = $navbar.find("li").not('.nav-right');
            $('<div/>').insertBefore($navbar).append($navbar).height($navbar.outerHeight(true));
            $(function(){
                offset_top = $navbar.offset().top;
                $(window).bind('scroll.poinav',setFixed).trigger("scroll.poinav");
            });
            $(document).delegate("[data-scroll]","click",function(){
                scrollTo($(this));
            });
            function setFixed(){
                var $rows = $('body >.container >[data-anchor]'),
                        scrolltop = $(document).scrollTop(),
                        h,
                        _lis=$lis.filter(":visible"),
                        currIndex;
                if(scrolltop  > offset_top){
                    if(!$navbar.hasClass('fixed')){
                        $navbar.addClass('fixed');
                    }
                    h = $navbar.outerHeight(true);
                    for (var $li, $row,top, i = 0, j = _lis.length; i < j; i++) {
                        $row = $rows.filter("[data-anchor=" + ($li = _lis.eq(i)).attr("data-scroll")+"]");
                        if ($row[0] && (top = $row.offset().top) && ( /*i == (j - 1) ||*/
                                        ((top - h <= scrolltop) && (top + $row.outerHeight() - h > scrolltop)))) {
                            currIndex = i;
                            break;
                        }
                    }
                    if(i==j){
                        _lis.removeClass("on");
                    }else{
                        _lis.eq(currIndex || 0).addClass("on").siblings().removeClass("on");
                    }
                }else{
                    if($navbar.hasClass('fixed')){
                        $navbar.removeClass('fixed');
                    }
                    _lis.eq(0).addClass("on").siblings().removeClass("on");
                }
            }
        })();
    </script>
    <div data-anchor="overview">
        <div class="row row-picture row-bg">
            <div class="wrapper">
                <a class="photo" data-cs-p="相册" href="/scenic/image?id=${scenicspot.id}" target="_blank">
                    <div class="bd">
                        <div class="pic-big"><img
                                src=${scenicspot.coverUrl}
                                width="690" height="370"></div>

                                <div class="pic-small">
                                    <img  src=${scenicspot.imageList[0]!}
                                    width="305" height="183"></div>
                        <div class="pic-small"><img
                                src=${scenicspot.imageList[1]!}
                                width="305" height="183"></div>
                        <span>${imageSize}张图片</span></div>
                </a></div>
        </div>

        <!-- 简介 S -->
        <div class="mod mod-detail" data-cs-p="概况">

        </div>
        <!-- 简介 E -->

        <!-- 内部景点 S -->
        <div data-anchor="subPoilist">
            <div id="pagelet-block-bb456ee5b764682811223f9b8d30739e" class="pagelet-block"
                 data-api=":poi:pagelet:poiSubPoiApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;}" data-async="1"
                 data-controller="/js/poi/ControllerPoiSubPoi">
                <div class="mod mod-innerScenic" data-cs-p="内部景点">
                    <div class="mhd">内部景点</div>
                    <div class="mbd">
                        <ul class="clearfix">
                            <#list scenicspot.insideScenicspots as inside>
                                <li>
                                    <a href="/scenic/detail?id=${inside.id!}" target="_blank" title=${inside.name!}>
                                        <img src=${inside.coverUrl!}
                                             width="235" height="150">
                                        <span class="num num-top">${inside_index + 1}</span>
                                        <div class="info">
                                            <h3>${inside.name!}</h3>
                                            <span><em>${inside.beenNum}</em>人去过</span>
                                        </div>
                                    </a>
                                </li>
                            </#list>
                        </ul>
                    </div>
                    <#--<div class="more more-subpoi">-->
                        <#--<a class="btn-subpoi" data-page="1">查看更多</a>-->
                    <#--</div>-->
                </div>
                <style>
                    .mod-innerScenic .more {
                        margin-top: 20px;
                        text-align: center;
                    }

                    .mod-innerScenic .more a {
                        display: inline-block;
                        width: 160px;
                        height: 50px;
                        background-color: #fff;
                        border: 1px solid #fc9c27;
                        line-height: 50px;
                        color: #ff9d00;
                        font-size: 14px;
                        border-radius: 4px;
                        text-align: center;
                    }

                    .mod-innerScenic .num {
                        width: 40px;
                    }
                </style>
            </div>
        </div>
        <!-- 内部景点 E -->

    </div>

    <!--评论-->
    <div data-anchor="commentlist">

        <div id="pagelet-block-15f9d6d9ad9f6c363d2d27120e8a6198" class="pagelet-block"
             data-api=":poi:pagelet:poiCommentListApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;}" data-async="1"
             data-controller="/js/poi/ControllerPoiComment">
            <div class="mod mod-reviews" data-cs-p="评论列表">
                <div class="mhd mhd-large" id="mhd-large">蜂蜂点评<span>（共有<em>5592</em>条真实评价）</span></div>
                <div class="review-nav">
                    <ul class="clearfix">
                        <li data-type="0" data-category="0" class="on allClass"><span class="divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}><span>全部</span></a></li>
                        <#if hasImg != 0 >
                        <li data-type="0" data-category="2" class="allClass">
                            <span class="divide"></span>
                            <a class="choose" data-sid=${scenicspot.id} data-has=true><span>有图</span><span class="num"> (${hasImg!}条)</span></a>
                        </li>
                        </#if>
                        <#if goodComment != 0 >
                        <li data-type="1" data-category="13" class="allClass">
                            <span class="divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-comm=0>
                                <span>好评</span>
                                <span class="num">（${goodComment!}条）</span>
                            </a>
                        </li>
                        </#if>
                        <#if middleComment != 0 >
                        <li data-type="1" data-category="12" class="allClass">
                            <span class="divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-comm=1>
                                <span>中评</span>
                                <span class="num">（${middleComment!}条）</span>
                            </a>
                        </li>
                        </#if>
                        <#if badComment != 0 >
                        <li data-type="1" data-category="11" class="allClass">
                            <span class="divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-comm=2>
                                <span>差评</span>
                                <span class="num">（${badComment!}条）</span>
                            </a>
                        </li>
                        </#if>
                        <#if landmark != 0 >
                        <li data-type="2" data-category="178487584" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='建筑'>标志性建筑<span class="num">（${landmark!}人提及）</span></a>
                        </li>
                        </#if>
                        <#if manyPeople != 0 >
                        <li data-type="2" data-category="103125314" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='人很多'>人很多<span class="num">（${manyPeople!}人提及）</span></a>
                        </li>
                        </#if>
                        <#if worth != 0 >
                        <li data-type="2" data-category="183864017" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='值得'>值得去<span class="num">（${worth!}人提及）</span></a>
                        </li>
                        </#if>
                        <#if fearHigh != 0 >
                        <li data-type="2" data-category="104277092" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='恐高'>恐高<span class="num">（${fearHigh!}人提及）</span></a>
                        </li>
                        </#if>
                        <#if easyTraffic != 0 >
                        <li data-type="2" data-category="176664633" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='交通'>交通方便<span class="num">（${easyTraffic!}人提及）</span></a>
                        </li>
                        </#if>
                        <#if fineView != 0 >
                        <li data-type="2" data-category="176664633" class="allClass">
                            <span class="filter-word divide"></span>
                            <a class="choose" data-sid=${scenicspot.id}  data-key='风景'>风景优美<span class="num">（${fineView!}人提及）</span></a>
                        </li>
                        </#if>
                    </ul>
                </div>
                <div class="loading-img" style="display: none;"><img
                        src="http://images.mafengwo.net/images/weng/loading3.gif"> Loading...
                </div>
                <div class="_j_commentlist">
                    <div class="rev-list">

                    </div>

                    <div align="right" class="m-pagination">
                            <form class="form-inline" id="searchForm" action="/scenic/comment" method="post">
                                <input type="hidden" name="currentPage" id="currentPage" value=1>
                                <input type="hidden" name="scenicspotId" id="scenicspotId" value=${scenicspot.id} >
                                <input type="hidden" name="scenicspotName" id="scenicspotName" value=${scenicspot.name} >
                                <input type="hidden" name="id" id="id" >
                                <input type="hidden" name="content" id="content" >
                                <input type="hidden" name="prevUserId" id="prevUserId" >
                                <input type="hidden" name="prevUserName" id="prevUserName" >
                            </form>
                            <div class="page">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div data-anchor="comment" id="comment_20190714202243">
        <div class="row row-reviewForm"  data-cs-p="点评">
            <div class="wrapper">

                <div class="mfw-reviews">
                    <div id="_j_commentform_cnt">
                        <#if userInfo??>
                        <h2>
                            <strong>${scenicspot.name}</strong>
                            <em>*</em>为必填选项
                        </h2>
                        <form action="/scenic/comment" method="post" class="_j_commentdialogform" data-typeid="3">
                            <input type="hidden" name="scenicspotId" value=${scenicspot.id!}>
                            <input type="hidden" name="scenicspotName" value="${scenicspot.name!}">
                            <input type="hidden" name="type" value="0">
                            <div class="review-item item-star">
                                <div class="label"><em>*</em>总体评价</div>
                                <div class="review-star _j_rankblock" data-star="" name="rank">
                                    <input type="hidden" name="totalScore" value="" essential="1" data-inputname="总体评价">
                                    <span class="_j_starcount star0"></span>
                                    <div class="click-star _j_starlist">
                                        <a role="button" title="千万别去" rel="nofollow"></a>
                                        <a role="button" title="不推荐" rel="nofollow"></a>
                                        <a role="button" title="一般般" rel="nofollow"></a>
                                        <a role="button" title="值得一去" rel="nofollow"></a>
                                        <a role="button" title="必须推荐" rel="nofollow"></a>
                                    </div>

                                </div>
                                <span class="txt-tips _j_startip">点击星星打分</span>
                            </div>
                            <div class="review-group">
                                <div class="review-item item-rating"
                                     data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u98ce\u5149&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                    <div class="label"><em>*</em>风光</div>
                                    <div class="review-score _j_rankblock" data-star="" name="scene_rank">
                                        <input type="hidden" name="viewScore" value="" essential="1"
                                               data-inputname="给风光的评分">
                                        <span class="_j_starcount star0"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="特别差" rel="nofollow"></a>
                                            <a role="button" title="不太好" rel="nofollow"></a>
                                            <a role="button" title="一般般" rel="nofollow"></a>
                                            <a role="button" title="很棒" rel="nofollow"></a>
                                            <a role="button" title="超出预期" rel="nofollow"></a>
                                        </div>
                                    </div>
                                    <span class="txt-tips _j_startip">给风光打分</span>
                                </div>
                                <div class="review-item item-rating"
                                     data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u7279\u8272&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                    <div class="label"><em>*</em>特色</div>
                                    <div class="review-score _j_rankblock" data-star="" name="feature_rank">
                                        <input type="hidden" name="characterScore" value="" essential="1"
                                               data-inputname="给特色的评分">
                                        <span class="_j_starcount star0"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="特别差" rel="nofollow"></a>
                                            <a role="button" title="不太好" rel="nofollow"></a>
                                            <a role="button" title="一般般" rel="nofollow"></a>
                                            <a role="button" title="很棒" rel="nofollow"></a>
                                            <a role="button" title="超出预期" rel="nofollow"></a>
                                        </div>

                                    </div>
                                    <span class="txt-tips _j_startip">给特色打分</span>
                                </div>
                                <div class="review-item item-rating"
                                     data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u670d\u52a1&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                    <div class="label"><em>*</em>服务</div>
                                    <div class="review-score _j_rankblock" data-star="" name="service_rank">
                                        <input type="hidden" name="serviceScore" value="" essential="1"
                                               data-inputname="给服务的评分">
                                        <span class="_j_starcount star0"></span>
                                        <div class="click-star _j_starlist">
                                            <a role="button" title="特别差" rel="nofollow"></a>
                                            <a role="button" title="不太好" rel="nofollow"></a>
                                            <a role="button" title="一般般" rel="nofollow"></a>
                                            <a role="button" title="很棒" rel="nofollow"></a>
                                            <a role="button" title="超出预期" rel="nofollow"></a>
                                        </div>

                                    </div>
                                    <span class="txt-tips _j_startip">给服务打分</span>
                                </div>
                            </div>
                            <div class="review-item item-comment">
                                <div class="label"><em>*</em>评价</div>
                                <div class="content">
                                <textarea class="_j_commentarea" id="comment" name="comment" essential="1" data-inputname="点评内容"
                                          placeholder="详细、客观、真实，130字以上为佳！上传图片会加分哦！" data-minlen="15"
                                          data-maxlen="1000"></textarea>
                                    <p class="_j_commentcounttip">15-1000个字</p>
                                </div>
                            </div>

                            <div class="review-item item-photo">
                                <div class="label">上传照片</div>
                                <div class="content">
                                    <dl class="upload-box _j_piclist">
                                        <dd data-commentid="" id="_j_addpicbtns" ids="0" style="position: relative;">
                                            <a class="add-place a1"><img src="" id="img1" width="100%"><i></i></a>
                                            <input type="hidden" name="image1" id="image1" >
                                        </dd>

                                    </dl>
                                    <dl class="upload-box _j_piclist">
                                        <dd data-commentid="" id="_j_addpicbtns" ids="0" style="position: relative;">
                                            <a class="add-place a2"><img src="" id="img2" width="100%"><i></i></a>
                                            <input type="hidden" name="image2" id="image2" >
                                        </dd>

                                    </dl>
                                    <dl class="upload-box _j_piclist">
                                        <dd data-commentid="" id="_j_addpicbtns" ids="0" style="position: relative;">
                                            <a class="add-place a3"><img src="" id="img3" width="100%"><i></i></a>
                                            <input type="hidden" name="image3" id="image3" >
                                        </dd>

                                    </dl>
                                </div>


                            </div>
                            <div class="review-item item-action">
                                <a class="btn-large _j_submit" role="button" title="提交点评">提交点评</a>
                            </div>
                        </form>
                        <#else >
                        <h2>
                            <strong>请登录后评论</strong>
                        </h2>
                        </#if>
                        <!--文件上传-->
                        <form action="/coverImageUpload" method="post" id="coverForm1">
                            <input type="file" name="pic" id="coverBtn1" style="display: none;">
                        </form>
                        <form action="/coverImageUpload" method="post" id="coverForm2">
                            <input type="file" name="pic" id="coverBtn2" style="display: none;">
                        </form>
                        <form action="/coverImageUpload" method="post" id="coverForm3">
                            <input type="file" name="pic" id="coverBtn3" style="display: none;">
                        </form>
                    </div>
                </div>
                <script type="text/javascript">

                    $(function () {
                        $("._j_starlist a").mouseover(function () {
                            var index = $(this).index()+1;
                            var text = $(this).attr("title");

                            $(this).closest("div").prev().addClass("star"+index);
                            $(this).closest("div").parent().next().html(text);
                        }).mouseout(function () {
                            var index = $(this).index()+1;
                            var text = $(this).attr("title");
                            $(this).closest("div").prev().removeClass("star"+index);
                            $(this).closest("div").parent().next().html(text);

                            var x = $(this).closest("div").prev().prev().val();
                            if(x == index){
                                $(this).closest("div").prev().addClass("star"+x);
                            }


                        }).click(function () {
                            var index = $(this).index()+1;
                            var text = $(this).attr("title");
                            $(this).closest("div").prev().addClass("star"+index);
                            $(this).closest("div").parent().next().html(text);
                            $(this).closest("div").prev().prev().val(index);

                        })
                        $("._j_commentdialogform").ajaxForm(function (data) {
                            $(".rev-list").html(data);
                        })

                        $("._j_submit").click(function () {
                            window.scrollTo(100,2000);
                            $("._j_commentdialogform").submit();

                        })

                        //图片上传
                        $(".a1").click(function () {
                            $("#coverBtn1").click();
                        })
                        $("#coverBtn1").change(function () {
                            if(this.value){
                                $("#coverForm1").ajaxSubmit(function (data) {
                                    $("#img1").attr("src", "/" +data);
                                    $("#image1").val("/" + data);
                                })
                            }
                        })
                        $(".a2").click(function () {
                            $("#coverBtn2").click();
                        })
                        $("#coverBtn2").change(function () {
                            if(this.value){
                                $("#coverForm2").ajaxSubmit(function (data) {
                                    $("#img2").attr("src", "/" +data);
                                    $("#image2").val("/" + data);
                                })
                            }
                        })
                        $(".a3").click(function () {
                            $("#coverBtn3").click();
                        })
                        $("#coverBtn3").change(function () {
                            if(this.value){
                                $("#coverForm3").ajaxSubmit(function (data) {
                                    $("#img3").attr("src", "/" +data);
                                    $("#image3").val("/" + data);
                                })
                            }
                        })
                    })

                </script>



                <div class="mfw-reviews have-reviews" style="display: none">
                    <h2>
                        <strong>广州塔</strong>
                    </h2>
                    <div class="review-item item-star">
                        <div class="label">你已评价为</div>
                        <div class="review-star">
                            <span class="star0"></span>
                        </div>
                        <a class="edit-reviews" data-commentid="" title="修改评论"><i></i>我要修改</a>
                    </div>
                </div>
            </div>
        </div>

    </div>



</div>








<!----------------------------------------->
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank" href="http://www.onlylady.com/">Onlylady女人志</a><a target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank" href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank" href="http://www.uc.cn/">手机浏览器</a><a target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank" href="http://www.tianxun.com/">天巡网</a><a target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank" href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank" href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>
</body>

</html>